<page-header [action]="phActionTpl">
  <ng-template #phActionTpl>
    <!-- acl [acl-ability]="'add'" -->
    <button (click)="add()" nz-button  nzType="primary">新建</button>
  </ng-template>
</page-header>
<div nz-row [nzGutter]="16">
  <div nz-col class="gutter-row" [nzSpan]="12">
    <nz-card nzTitle="字典索引">
      <!-- acl [acl-ability]="'query'" -->
      <sf
        mode="search"
        [schema]="indexSearchSchema"
        (formSubmit)="indexSearch($event)"
        (formReset)="indexSearch($event)"
      />
      <st
        #st
        [data]="indexPage.records"
        [columns]="indexColumns"
        (change)="indexChange($event)"
        [pi]="indexPage.current"
        [ps]="indexPage.size"
        [total]="indexPage.total"
        [page]="pagination"
      />
    </nz-card>
  </div>
  <div nz-col class="gutter-row" [nzSpan]="12">
    <nz-card [nzTitle]="itemTitle">
      <!-- acl [acl-ability]="'query'" -->
      <sf mode="search" [schema]="searchSchema" (formSubmit)="query()" (formReset)="query()"  />
      <st
        #stItem
        [data]="page.records"
        [columns]="itemColumns"
        (change)="change($event)"
        [pi]="page.current"
        [ps]="page.size"
        [total]="page.total"
        [page]="pagination"
      />
    </nz-card>
  </div>
</div>
